<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>pig书屋--个人中心--订单</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/qian.css" media="all">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style type="text/css">
		body .container .content .part1 .right .table .fav{
			border-bottom:solid 1px #888;
		}
	</style>
</head>
<body>
	<div class="container">
		<%@include file="include/top.jsp" %>

		<div class="content" style="margin:0px 10px;">
			<div class="part1 clearfix" style="border-bottom:1px double #AEAEAE;padding:0px 0px 10px 0px;">
				<ul class="breadcrumb" style="margin-bottom:0px;">
				  <li><a href="/home.action">首页</a> <span class="divider">/</span></li>
				  <li class="active">用户中心</li>
				</ul>
				<%@include file="include/userCenter-left.jsp" %>
	            <div class="right pull-left" style="margin-left:50px;width:600px;">
	            	<!-- 内容 -->
	            	<h4 class="parts" style="border-bottom:solid 1px #333;"><i class="icon-list"></i>用户订单<span class="muted" style="font-size:15px;">共消费:￥ ${sum}元</span></h4>
					<table class="table">
						<tbody>
							<tr style="border:none;">
								<th>订单编号</th>
								<th>下单日期</th>
								<th>订单状态</th>
							</tr>
							<c:forEach items="${orderList}" var="order">
								<tr>
									<td><a href="/showOrder.action?id=${order.id}">${order.ordernum}</a></td>
									<td>${order.createtime}</td>
									<td>
										<c:choose>
											<c:when test="${order.state=='已确认'}">
												<span class="label label-info">${order.state}</span>
											</c:when>
											<c:when test="${order.state=='已完成'}">
												<span class="label label-success">${order.state}</span>
											</c:when>
											<c:when test="${order.state=='配送中'}">
												<span class="label label-warning">${order.state}</span>
											</c:when>
											<c:when test="${order.state=='未发货'}">
												<span class="label label-inverse">${order.state}</span>
											</c:when>
										</c:choose>
									</td>
								</tr>
							</c:forEach>
							<!-- <tr>
								<td colspan="3" style="text-align:right">
									<div class="pagination">
									  <ul>
									  	<li class="disabled"><a href="#">首页</a></li>
									    <li class="disabled"><a href="#">Prev</a></li>
									    <li class="disabled"><a href="#">1</a></li>
									    <li class="active"><a href="#">2</a></li>
									    <li class="active"><a href="#">3</a></li>
									    <li class="active"><a href="#">Next</a></li>
									    <li class="active"><a href="#">尾页</a></li>
									  </ul>
									</div>
								</td>
							</tr> -->
						</tbody>
					</table>
				</div>
			</div>
		</div>
		
		<%@include file="include/foot.jsp" %>		
	</div>
</body>
</html>